/* 清除内外边距 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* em和i的斜体文字不斜体 */

em,
i {
    font-style: normal
}


/* 去掉li的小圆点 */

li {
    list-style: none
}

img {
    /* 照顾低版本的浏览器 如果图片外面有链接会有边框的问题 */
    border: 0;
    /* 去掉图片底侧的空白缝隙 */
    vertical-align: middle
}

button {
    /* 让鼠标经过按钮时 变成小手的按钮 */
    cursor: pointer
}

a {
    /* 设置所有链接的颜色,并且取消下划线 */
    color: #666;
    text-decoration: none
}

a:hover {
    color: #c81623
}

button,
input {
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* 默认有黑色边框要手动去掉 */
    border: 0;
    outline: none;
}

body {
    /* css3 抗锯齿性 让文字显示的更加清晰 */
    /* \5B8B\4F53是宋体的意思 */
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    color: #666
}

.hide,
.none {
    /* 隐藏元素 */
    display: none
}

.clearfix:after {
    /* 清除浮动 利用的是伪元素 */
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}